$(function () {
    let userId = sessionStorage.getItem("userId");
    findById(userId);
});
layui.use(['form', 'layer', 'jquery', 'laydate'],
    function () {
        $ = layui.jquery;
        var form = layui.form,
            layer = layui.layer
            , laydate = layui.laydate;
        //日期
        laydate.render({
            elem: '#birthday',
            trigger: 'click'
        });
        //自定义验证规则
        form.verify({});
        // //表单取值
        // layui.$('#LAY-component-form-getval').on('click', function () {
        //     var data = form.val('example');
        //     alert(JSON.stringify(data));
        // });
        //监听提交
        form.on('submit(edit)',
            function (data) {
                data = data.field;
                let arr_box = [];
                $('input[type=checkbox][name=hobby]:checked').each(function () {
                    arr_box.push($(this).attr("title"));
                });
                //数组
                console.log(arr_box);
                //js 将数组转换位字符串
                data.hobby = arr_box.toString();
                data.id = sessionStorage.getItem("userId");
                console.log(data);
                // let aa=form.val('userAdd');
                //  console.log(JSON.stringify(aa));
                //发异步，把数据提交给php
                $.ajax({
                    url: '/back/user/edit',
                    data: data,
                    type: 'post',
                    dataType: 'json',
                    success: function (data) {
                        if (data.msg == 'success') {
                            layer.alert("编辑成功", {
                                    icon: 6
                                },
                                function () {
                                    //关闭当前frame
                                    xadmin.close();
                                    // 可以对父窗口进行刷新
                                    xadmin.father_reload();
                                });
                        } else {
                            layer.msg("编辑用户失败");
                        }
                    }
                });
                return false;
            });
    });

function findById(id) {
    $.ajax({
        url: '/back/user/findById',
        data: {id: id},
        dataType: "json",
        type: 'get',
        success: function (data) {
            // console.log(data);
            setUserData(data.data);
        }
    })
}

//赋值
function setUserData(data) {
    console.log(data);
    layui.use(['form'],
        function () {
            let form = layui.form;
            $("#username").val(data.username);
            $("#phone").val(data.phone);
            $("#sex").val(data.sex);
            // let enable = document.getElementsByName("enable");
            // for (let i = 0; i < enable.length; i++) {
            //     if (enable.value == data.enable) {
            //         enable.checked = true;
            //     }
            // }
            $("input[name='enable'][value='" + data.enable + "']").attr("checked", true);
            //爱好  因为后台传递过来的是字符串java,c,c++
            // 我们应该和复选框所有的数据进行对比，
            // 只有相等才能让对应的复选框选中
            let hobby = data.hobby;
            let hobbys = hobby.split(",");
            $('input[type=checkbox][name=hobby]').each(function () {
                // arr_box.push($(this).attr("title"));
                for (let i = 0; i < hobbys.length; i++) {
                    if (hobbys[i] == $(this).attr("title")) {
                        $("input[name='hobby'][title='" + hobbys[i] + "']").attr("checked", true);
                    }
                }
            });
            // let birthday = data.birthday;
            // let date = new Date(birthday.replace(/-/, "/"));
            // $("#birthday").val(format("yyyy-MM-dd", date));
            $("#birthday").val(data.birthday);
            form.render();//重新渲染


        });

}

// js 也是面向对象  class
function format(fmt, date) {

    var o = {
        "M+": date.getMonth() + 1,                 //月份
        "d+": date.getDate(),                    //日
        "h+": date.getHours(),                   //小时
        "m+": date.getMinutes(),                 //分
        "s+": date.getSeconds(),                 //秒
        "q+": Math.floor((date.getMonth() + 3) / 3), //季度
        "S": date.getMilliseconds()             //毫秒
    };
    if (/(y+)/.test(fmt)) {
        fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
    }
    for (var k in o) {
        if (new RegExp("(" + k + ")").test(fmt)) {
            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
        }
    }
    return fmt;
}